﻿<!DOCTYPE html>
<html class=" js canvas canvastext geolocation crosswindowmessaging no-websqldatabase no-indexeddb hashchange historymanagement draganddrop no-websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow opacity no-cssanimations csscolumns cssgradients no-cssreflections csstransforms no-csstransforms3d csstransitions video audio localstorage sessionstorage webworkers applicationcache svg smil svgclippaths fontface">
<head>
    <title>Xangô Blog</title>
    <link href="/Public/css/reset.css" rel="stylesheet" type="text/css" />
    <link href="/Public/css/css3.css" rel="stylesheet" type="text/css" />
    <link href="/Public/css/general.css" rel="stylesheet" type="text/css" />
    <link href="/Public/css/grid.css" rel="stylesheet" type="text/css" />
    <link href="/Public/css/forms.css" rel="stylesheet" type="text/css" />
    <link href="/Public/css/Site.css" rel="stylesheet" type="text/css" />
    <script src="/Public/javascript/jquery-1.5.1.js" type="text/javascript"></script>
    <script src="/Public/javascript/jquery.ba-serializeobject.js" type="text/javascript"></script>
    <script src="/Public/javascript/underscore.js" type="text/javascript"></script>
    <script src="/Public/javascript/backbone.js" type="text/javascript"></script>
    <script src="/Public/javascript/modernizr-1.7.js" type="text/javascript"></script>    
    <script src="/Public/javascript/jquery.unobtrusive-ajax.js" type="text/javascript"></script>
    <script src="/Public/javascript/application.js" type="text/javascript"></script>
    <script src="/Public/javascript/blog.js" type="text/javascript"></script>
    <!-- Templates -->
    <script type="text/template" id="posts-template">
	  <p>
		<a href="#Posts/New">Create New</a>
	  </p>
	  <div class="posts"></div>
	</script>
    <script type="text/template" id="post-item-template">		
		<div class="date">
			<span class="day"><%= Day %></span>
			<span class="month"><%= Month %></span>
			<span class="year"><%= Year %></span>
		</div>
		<a href="#Posts/<%= Slug %>"><h3><%= Title %></h3></a>
		<p><%= Body %></p>
		<a class="more" href="#Posts/<%= Slug %>">read more →</a>
		<a class="more delete" data-message="You really wanna do this?" href="#Posts/<%= Slug %>">delete X</a>
		<a class="more edit" href="#Posts/<%= Slug %>/Edit">edit [ ]</a>
		<div class="clear"></div>
	</script>
    <script type="text/template" id="recent-posts-template">
		<h2>Recent Articles</h2>
		<ul class="recent">
		</ul>	
    </script>
    <script type="text/template" id="recent-post-template">
		<a href="#Posts/<%= Slug %>" title='<%= Title %>'><%= Title %></a>
    </script>
    <script type="text/template" id="tag-cloud-template">        
		<h2>Tags Cloud</h2>
		<p>Duis ac arcu ante, at lacinia dui. Ut eget justo in nulla rutrum mollis. Mauris euismod justo et smod justo smod justo quam bibendum laoreet volutpat lorem mollis. In hac habitasse platea dictumst. Mauris ut eleifend neque. Duis nulla metus, tempus nec varius quis, tincidunt consectetur nisi. Donec rhoncus quam vel quam bibendum rutrum. Mauris et commodo felis. Nam varius eleifend nulla quis sagittis. Quisque id tortor at dolor dictum interdum.</p>		
    </script>
    <script type="text/template" id="post-template">
        <article>  
            <h1><%= Title %></h1>
            <span class="information">Posted by <b><%= Author %></b>, on <i><%= CreatedAt %>)</i> with <a href="#comments"><%= Comments.length %> comments</a></span>
            <p><%= Body %></p>
            <input type="hidden" id="slug" name="slug" value="<%= Slug %>" />
        </article>
        <!-- -->
        <h2>Comments</h2>
        <ul class="comments">
            <!-- TODO: Show comment -->    
        </ul>
        <!-- TODO: Form for comments -->
        <div class="clear" style="height:10px;"></div>
    </script>
    <script type="text/template" id="comment-form-template">        
        <form class="col_8 add_comment">
            <fieldset>	
        	    <legend>Add your comment:</legend>
                <div>
                    <label for="Mail">email</label>
            	    <input type="text" value="" name="Mail" id="Mail" data-val-regex-pattern="^[a-zA-Z][\w\.-]*[a-zA-Z0-9]@[a-zA-Z0-9][\w\.-]*[a-zA-Z0-9]\.[a-zA-Z][a-zA-Z\.]*[a-zA-Z]$" data-val-regex="The field email must match the regular expression &amp;#39;^[a-zA-Z][\w\.-]*[a-zA-Z0-9]@[a-zA-Z0-9][\w\.-]*[a-zA-Z0-9]\.[a-zA-Z][a-zA-Z\.]*[a-zA-Z]$&amp;#39;." data-val="true" class="box_shadow">                
                </div>
                <div>
            	    <label for="Author">name</label>
            	    <input type="text" value="" name="Author" id="Author" data-val-required="The name field is required." data-val-length-max="255" data-val-length="The field name must be a string with a maximum length of 255." data-val="true" class="box_shadow">
                </div>
                <div class="textarea">
            	    <label for="Text">comment</label>
            	    <textarea rows="2" name="Text" id="Text" data-val-required="The comment field is required." data-val-length-max="2000" data-val-length="The field comment must be a string with a maximum length of 2000." data-val="true" cols="20" class="box_shadow"></textarea>
                </div>
                <input type="submit" value="add comment →" />
            </fieldset>
        </form>
    </script>
    <script type="text/template" id="comment-item-template">
        <span class="comment_information">posted by <b><%= Author %></b> on <i><%= Date %></i> at <i><%= Time %></i></span>
        <p><%= Text %></p>
    </script>
    <script type="text/template" id="post-form-template">
        <h2>Create</h2>
        <form>
            <fieldset>       
                <legend>Create Post</legend>    
                <div class="editor-label">
                    <label for="Title">title</label>
                    <input class="box_shadow" data-val="true" data-val-length="The field title must be a string with a maximum length of 255." data-val-length-max="255" data-val-required="The title field is required." id="Title" name="Title" type="text" value="" />            
                </div>
                <div class="editor-label">
                    <label for="Author">author</label>
                    <input class="box_shadow" data-val="true" data-val-length="The field author must be a string with a maximum length of 255." data-val-length-max="255" data-val-required="The author field is required." id="Author" name="Author" type="text" value="" />            
                </div>
                <div class="editor-label textarea">
                    <label for="Body">body</label>
                    <textarea class="box_shadow" cols="20" data-val="true" data-val-required="The body field is required." id="Body" name="Body" rows="2">
                </textarea>            
                </div>
                <p>
                    <input type="submit" value="create →" />
                </p>
            </fieldset>
        </form>
        <div>
            <a href="/Public/">Back to List</a>
        </div>
    </script>
    <script type="application/javascript">
        jQuery(function () {
            window.posts.fetch();
            window.recentPosts.fetch();
        });
	</script>
</head>
<body>
    <div class="row">
        <header>		
	      <div class="logo col_7 col">Xangô Blog</div><!-- logo col_7 -->
	      <div class="clear"></div><!-- clear -->
	    </header>
    </div>
    <!-- row -->
    <!-- this section shows you most of the styled elements from the general stylesheet -->
    <section class="row" id="styled">
	    <div class="col col_11" id="content">
		    <!-- -->
	    </div><!-- col_11 -->
        <div class="col col_5" id="right_panel">
        <!-- side_element -->
	    </div><!-- col_5 -->
    </section>
    <!-- row -->
    <footer class="row">
	    <div class="col_16 col">all rights reserved &copy; <a href="http://www.enavu.com">enavu network</a> | 52framework the framework from the future</div>
    </footer>
</body>
</html>
